<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>

<body>
<h1>用户登录</h1>
    用户名：<input name="userName" type="text" id="userName"><br>
    密码：<input name="password" type="password" id="password"><br>
    <input type="button" value="登录" onclick="login()">

    <script src="jquery-3.7.1.min"></script>
    <script>
        function login() {
          $.ajax({
            type: "post",
            url: "/user/login",
            data: {
              userName: $("#userName").val(),
              password: $("#password").val()
            },
            success: function(result){
              if(result==true){
                location.href = "index.html";
              }else {
                alert("用户名或密码错误");
              }
            }
          });
        }

    </script>
</body>

</html>